---
layout: overview
title: Node.js framework
item: index
---
  <!-- <body class="l-page-index -index js-body"> -->
  <!-- Google Tag Manager -->
    <!-- top.html include ends here -->

<main class="c-content">
  <section class="c-section">
    <div class="c-container -padded">

      <div class="c-grid" >
        <div class="_col -col-2-3">
          <p style="font-weight: bold; font-size: 110%; margin-bottom: 10px;">LoopBack is a highly-extensible, open-source Node.js framework</p>
        </div>
        <div class="_col -col-1-3" >
          <a href="/resources#compare" class="c-button" style="float:right; ">Compare&nbsp;frameworks</a>
        </div>
      </div>

      <div class="c-grid">
        <div class="_col -col-1-6"></div>
        <div class="_col -col-2-3"><p style="font-style: italic; padding: 10px; margin: 40px 10px 20px 10px; border: 1px solid #d6d6d6; border-radius: 3px; background-color: #404040;"><b>COMING SOON: <a href="/doc/en/lb4/index.html">LoopBack 4</a></b>, the next step in the evolution of LoopBack!
        <br/>A completely redesigned modular framework especially for API developers.</p>
        </div>
        <div class="_col -col-1-6"></div>
      </div>

      <div class="c-grid">
        <div class="_col -col-3-4">
          <p>Building on LoopBack's success as an open-source Node.js framework,
          <a href="https://developer.ibm.com/apiconnect">IBM API Connect</a> provides a graphical tool with many of the API composition features of StrongLoop Arc, a built-in API Micro Gateway,
          and a CLI with API management and gateway features.</p>

          <p><b>API Connect Essentials</b> is free to use!  For more information, see <a href="https://developer.ibm.com/apiconnect/getting-started/">API Connect - Getting Started</a>.
          </p>
        </div>
      </div>
    </div>
  </section>

<section class="c-section">
  <div class="c-container">
    <div class="c-grid" >
      <div class="_col -col-1-2">
        <h2 class="c-heading -h3"> About</h2>
        <br/>
      </div>
    </div>
    <div class="c-grid">
      <div class="_col -col-2-3">
        <ul class="fa-ul">
          <li><i class="fa-li fa fa-check"></i> <a href="#core">Quickly create dynamic end-to-end REST APIs</a>.</li>
          <li><i class="fa-li fa fa-check"></i> <a href="#juggler">Connect devices and browsers</a> to data and services.</li>
          <li><i class="fa-li fa fa-check"></i> Use <a href="#sdks">Android, iOS, and AngularJS SDKs</a> to easily create client apps.</li>
          <li><i class="fa-li fa fa-check"></i> <a href="#components">Add-on components</a> for file management, 3rd-party login, and OAuth2.</li>
          <li><i class="fa-li fa fa-check"></i> Runs on-premises or in the cloud</li>
        </ul>
        <br/>
      </div>
      <div class="_col -col-1-3 x-flex-e"><img src="/images/overview/comb.svg" class="c-fleximg -pull-down -last"/></div>

    </div>
  </div>
</section>

        <section class="c-section  x-greylight">
          <div class="c-container -padded">
            <h2 class="c-heading -h3">Check out who's using LoopBack!</h2>
            <div class="c-grid -end-v">
              <div class="_col -col-3-4">
                <a href="/users"><img src="images/overview/logo-collage.jpg" alt="Customers" class="c-fleximg x-last"></a>
              </div>
              <div class="_col -col-1-4">
                <a href="/resources#users" class="c-button -lg">View More</a>
              </div>
            </div>
          </div>
        </section>

        <section class="c-section">
          <a name="core"></a>
          <div class="c-container -padded">
            <h2 class="c-heading -h3">Core</h2>
            <div class="c-grid">
              <div class="_col -col-1-2">
                <h3 class="c-heading -h5">Set up models and create REST APIs in minutes</h3>
                <ul>
                  <li>Easy-to-use CLI wizard</li>
                  <li>Create models based on your schema if you have one</li>
                  <li>Create dynamic models if you don't</li>
                  <li>Built-in API Explorer</li>
                </ul>
                <h3 class="c-heading -h5">Model relation support</h3>
                <ul>
                  <li>Define hasMany, belongsTo, hasAndBelongsToMany relationships</li>
                  <li>Automatically generates corresponding relational REST endpoints</li>
                </ul>
              </div>
              <div class="_col -col-1-2">
                <h3 class="c-heading -h5">Easy authentication and authorization setup</h3>
                <ul>
                  <li>Built-in role-based access controls</li>
                  <li>oAuth user and registration models baked in</li>
                  <li>Add custom policies using CLI or JSON</li>
                  <li>Browser support (JSONP and CORS)</li>
                </ul>
                <h3 class="c-heading -h5">MIT Open-Source license</h3>
              </div>
              <br/><a name="flow-diagram"></a>
              <div class="_col -col-1-1" style="margin-top: 10px;">
                <img src="/images/overview/loopback-flow.png" class="x-img-span border-img"/>
              </div>
            </div>
          </div>
        </section>

        <section class="c-section  x-greylight">
          <a name="juggler"></a>
          <div class="c-container -padded">
            <h2 class="c-heading -h3">Juggler</h2>
            <div class="c-grid">
              <div class="_col -col-1-2">
                <h3 class="c-heading -h5">Connect to backend data stores</h3>
                <ul>
                  <li>MySQL, Oracle, MongoDB, Postgres and others</li>
                  <li>Other REST services</li>
                  <li>Discovery APIs for Oracle, MySQL, PostgreSQL and SQL Server</li>
                </ul>
              </div>
              <div class="_col -col-1-2">
                <h3 class="c-heading -h5">Run Ad-hoc queries</h3>
                <ul>
                  <li>Run dynamic queries on devices, browsers and the server</li>
                  <li>Support for NoSQL-style queries against relational databases</li>
                </ul>
              </div>
            </div>
          </div>
        </section>

        <section class="c-section">
          <a name="sdks"></a>
          <div class="c-container -padded">
            <div class="c-grid">
              <div class="_col -col-1-2 x-flex-e x-flex-order-2"><img src="/images/overview/sdk.svg" class="c-fleximg -pull-down"/></div>
              <div class="_col -col-1-2 x-flex-order-1">
                <h2 class="c-heading -h3">Client SDKs</h2>
                <h3 class="c-heading -h5">Native Mobile and Browser SDKs</h3>
                <ul>
                  <li>Easily persist data with a database API on the client</li>
                  <li>Android / Java</li>
                  <li>iOS</li>
                  <li>Browser JavaScript (Angular)</li>
                </ul>
              </div>
            </div>
          </div>
        </section>

        <section class="c-section x-greylight">
          <a name="components"></a>
          <div class="c-container -padded">
            <h2 class="c-heading -h3">Add-on components</h2>
            <div class="c-grid">
              <div class="_col -col-1-2">
                <h3 class="c-heading -h5">Third-party login</h3>
                <ul>
                  <li>Use-third party login providers like Facebook, Google, GitHub, etc.</li>
                  <li>Map inbound and outbound credentials to users</li>
                </ul>
              </div>
              <div class="_col -col-1-2">
                <h3 class="c-heading -h5">Storage service</h3>
                <ul>
                  <li>Integrate with cloud storage providers</li>
                  <li>Organize data in containers and files</li>
                </ul>
              </div>
            </div>
          </div>
        </section>

        <section class="c-section">
          <div class="c-container -padded">
            <h2 class="c-heading -h3">More information</h2>
            <div class="c-grid">
              <div class="_col -col-1-2">
                <ul>
                  <li><a href="doc">LoopBack Documentation</a></li>
                  <li><a href="http://apidocs.strongloop.com/loopback/">API docs</a></li>
                  <li><a href="https://strongloop.com/strongblog/tag_LoopBack.html">StrongLoop blog</a></li>
                  <li><a href="https://developer.ibm.com/apiconnect/">API Connect</a></li>
                </ul>
              </div>
            </div>
          </div>
        </section>
      </main>
